// 防止状态
import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDatailById } from '@/api/user'
import { resetRouter } from '@/router'
const state = {
  token: getToken(), // 设置token为共享状态
  userInfo: {} // 定义空对象
}
const mutations = {
  setToken(state, token) {
    state.token = token
    // 同步给缓存
    setToken(token)
  },
  removeToken(state) {
    state.token = null // 将vuex数据制空
    removeToken() // 同步到缓存
  },
  setUserInfo(state, result) {
    state.userInfo = result // 是响应式,对象发生了变化
    // state.userInfo = {...result}   //浅拷贝,也是响应式
    // state.userInfo['username'] = result  //这样不是响应式,对象没有发生变化
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  async login(context, data) {
    const result = await login(data)

    context.commit('setToken', result) // 拿到token，登录成功
    setTimeStamp() // 设置当前时间戳
  },
  async getUserInfo(context) {
    const result = await getUserInfo()
    // 获取用户的详情数据
    const basefo = await getUserDatailById(result.userId)
    const obj = { ...result, ...basefo }
    context.commit('setUserInfo', obj) // 提交到mutations
    return result // 给后期做权限需要
  },
  // 登出操作
  logout(context) {
    // 删除token
    context.commit('removeToken')

    // 删除用户资料
    context.commit('removeUserInfo')

    // 重置路由
    resetRouter()
    // 去设置权限模块下的路由为初始状态
    // Vuex子模块调用子模块action  都没枷锁的情况下可以随意调用
    // 不加命名空间所有的mutations和action都可以直接调用
    // mutaion第一个参数mutation名称，第二个参数载荷payload,第三个参数 { root:true} 调用根级的mutation或者action
    // 子模块调用子模块
    context.commit('permission/setRoutes', [], { root: true })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
